<template>
  <div class="admin-box margin-right-sm">
    <div class="admin-content">
      <el-tabs v-model="activeName" @tab-click="handleTab">
        <el-tab-pane label="外部组织" name="first">
          <externalOrganizationAudit/>
        </el-tab-pane>
        <el-tab-pane label="外部人员" name="second">
          <externalPersonnelAudit v-if="activeName === 'second'"/>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script>
import externalOrganizationAudit from '@/views/organization/audit/externalOrganizationAudit.vue'
import externalPersonnelAudit from '@/views/organization/audit/externalPersonnelAudit.vue'

export default {
  components: {
    externalOrganizationAudit,
    externalPersonnelAudit,
  },
  data() {
    return {
      activeName: 'first',
    }
  },
  created() {
  },
  methods: {
    handleTab(tab, event) {

    }
  }

}
</script>

<style scoped lang="less">
.admin-content {
  margin: 4px 0 0 4px;
  padding: 20px;
  background: #fff;
  //border:1px solid red;
  overflow: auto;
  max-height: 95%;
  min-height: 95%;
}
</style>
